﻿

<script src="~/Scripts/Echart/CompanyEcharts.js"></script>
<style>
    #map {
        width: 100%;
        background: #1B1B1B;
        background-size: 100% 100%;
        padding-top:1px;
    }

        #map img {
            display: block;
            margin: 5% auto 0;
        }



    #bar {
        width: 70%;
        height: 180px;
        position: absolute;
        left: 15%;
        bottom: 20px;
        border: 1px solid #848383;
        border-radius: 5px;
        /*display: none;*/
    }

        #bar .title {
            height: 50px;
            color: white;
            font-size: 18px;
            font-weight: 400;
            line-height: 50px;
            padding-left: 20px;
        }

        #bar .ul-con {
            height: 130px;
            border-top: 2px solid #848383;
            overflow: hidden;
        }
            #bar .ul-con .roll{
                margin-top:0;
        }

            #bar .ul-con .roll li {
                display: flex;
                justify-content: space-around;
                align-items: center;
                padding: 5px 0;
            }

                #bar .ul-con .roll li span {
                    font-size: 16px;
                    color: white;
                }

            #bar .ul-con .roll .liactive span {
                color: #E36321;
                list-style: inherit;
            }

    .paiming-con {
        width: 300px;
        position: absolute;
        top: 12%;
        border: 1px solid #848383;
        border-radius: 5px;
        /*display: none;*/
    }

        .paiming-con .title {
            height: 50px;
            color: white;
            font-size: 18px;
            font-weight: 400;
            line-height: 50px;
            text-align: center;
        }

       .paiming-con ul {
            height: auto;
            border-top: 2px solid #848383;
        }

          .paiming-con ul li {
                display: flex;
                align-items: center;
                margin: 10px 0;
            }

                .paiming-con ul li span:nth-child(1) {
                    margin-right: 10px;
                    margin-left: 10px;
                    color: white;
                    width:75px;
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                    text-align:center;
                }
                   .paiming-con ul li span:nth-child(3) {
                    margin-right: 10px;
                    margin-left: 10px;
                    color: white;
                       width:60px;
                }
                   #TotalNum_con{
                       width:100%;
                       position:absolute;
                       top:0;
                       text-align:center;
                       color:white;
                   }
                   #TotalNum{
                       font-size:42px
                   }
</style>


<div id="map">
    <img src="~/Content/webImgs/map1.gif" />
</div>
<script>
    var navheight = $(".site-navbar.navbar.navbar-default.navbar-fixed-top.navbar-inverse").height() - 1;
    $('#map').css({ "height": window.innerHeight - navheight });
    window.onresize = function () {
        $('#map').css({ "height": window.innerHeight - navheight });
    }
</script>
<div id="TotalNum_con">
    <span id="TotalNum">3250000</span>
</div>


<div class="paiming-con" style="left:3%;">
    <div class="title">
        企业查询排名
    </div>
    <ul>
        <li>
            <span title="">特步</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
                </div>
            </div>
            <span>8136次</span>
        </li>
        <li>
            <span>平安树</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
                </div>
            </div>
            <span>7326次</span>
        </li>
        <li>
            <span>波司登</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                </div>
            </div>
            <span>6536次</span>
        </li>
        <li>
            <span>晨光生物</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
                </div>
            </div>
            <span>5365次</span>
        </li>
        <li>
            <span>绿源</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
                </div>
            </div>
            <span>4136次</span>
        </li>
        <li>
            <span>红蜻蜓</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%;">
                </div>
            </div>
            <span>3136次</span>
        </li>

        <li>
            <span>耐力</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%;">
                </div>
            </div>
            <span>2316次</span>
        </li>
        <li>
            <span>德国百强</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100" style="width: 10%;">
                </div>
            </div>
            <span>1326次</span>
        </li>
        <li>
            <span>卓碧泉</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="8" aria-valuemin="0" aria-valuemax="100" style="width:8%;">
                </div>
            </div>
            <span>1300次</span>
        </li>

    </ul>
</div>

<div class="paiming-con" style="right:3%;">
    <div class="title">
        城市查询排名
    </div>
    <ul>
        <li>
            <span>北京市</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
                </div>
            </div>
            <span>9136次</span>
        </li>
        <li>
            <span>上海市</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width:80%;">
                </div>
            </div>
            <span>8326次</span>
        </li>
        <li>
            <span>广州市</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:70%;">
                </div>
            </div>
            <span>7536次</span>
        </li>
        <li>
            <span>深圳市</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                </div>
            </div>
            <span>6365次</span>
        </li>
        <li>
            <span>杭州市</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
                </div>
            </div>
            <span>5136次</span>
        </li>
        <li>
            <span>苏州市</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
                </div>
            </div>
            <span>4136次</span>
        </li>

        <li>
            <span>南京市</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%;">
                </div>
            </div>
            <span>3316次</span>
        </li>
        <li>
            <span>成都市</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%;">
                </div>
            </div>
            <span>2326次</span>
        </li>
        <li>
            <span>重庆市</span>
            <div class="progress" style="margin:0;flex:1">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100" style="width: 10%;">
                </div>
            </div>
            <span>1326次</span>
        </li>

    </ul>
</div>

<div id="bar">
    <div class="title">扫码查询 实时数据</div>
    <div class="ul-con">
        <ul class="roll">
            @*<li>
                <span>2016 - 10 - 10   22:10</span>
                <span>01用户查询了</span>
                <span>xxxxx</span>
                <span>上海</span>
                <span>正常</span>
            </li>*@
        </ul>
    </div>
</div>
<script>
    function DateFormat(val) {
        var date = new Date(parseInt(val.replace("/Date(", "").replace(")/", ""), 10));
        //月份为0-11，所以+1，月份小于10时补个0
        var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
        var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
        var currentHour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
        var currentMin = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
        var currentSecond = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
        var dd = date.getFullYear() + "-" + month + "-" + currentDate + ' ' + currentHour + ':' + currentMin + ':' + currentSecond;
        return dd;
    }

    //实时数据
    var TotalNum = 3250000;
    setInterval(function () {
        $('#TotalNum').text(TotalNum);
        TotalNum += 1;
    }, 2000)
    //获取实时客户查询数据
    GetRealTimeLogListAdmin();

    //此接口尚待优化（目前存在未知报错）
    function GetRealTimeLogListAdmin() {
        $.ajax({
            type: "get",
            url: '/HomeDisplay/GetRealTimeLogListAdmin',
            success: function (res) {
                var list='';
                $(res).each(function (index, ele) {
                    this.QueryProvince = this.QueryProvince || '上海';
                    if(index==5)
                    {
                        list += '<li class="liactive"><span>' + DateFormat(this.QueryTime) + '</span><span>某用户查询了</span><span>' + this.Code + '</span><span>' + this.Valid + '</span><span>' + this.QueryProvince + '</span></li>';
                    }
                    else {
                        list += '<li><span>' + DateFormat(this.QueryTime) + '</span><span>某用户查询了</span><span>' + this.Code + '</span><span>' + this.Valid + '</span><span>' + this.QueryProvince + '</span></li>';
                    }
                })
                $('#bar .roll').html(list);
                RollMessage("#bar .ul-con", 55, 35);
            }
        });
    }
   




    function RollMessage(ele, speed, li_height) {
        var timer;
        var scroll_top = 0;
        var obj = $(ele);
        obj.hover(function () {
            clearInterval(timer);
        }, function () {
            timer = setInterval(function () {
                scroll_top++;
                if (scroll_top >= li_height) {
                    scroll_top = 0;
                    obj.find("ul.roll li:first").appendTo(obj.find("ul.roll"));
                }
                obj.find("ul.roll").css("margin-top", -scroll_top);

            }, speed || 40);
        }).trigger("mouseleave");
    }
   
    var placeList = [
       { name: '海门', geoCoord: [121.15, 31.89] },
       { name: '鄂尔多斯', geoCoord: [109.781327, 39.608266] },
       { name: '招远', geoCoord: [120.38, 37.35] },
       { name: '舟山', geoCoord: [122.207216, 29.985295] },
       { name: '齐齐哈尔', geoCoord: [123.97, 47.33] },
       { name: '盐城', geoCoord: [120.13, 33.38] },
       { name: '赤峰', geoCoord: [118.87, 42.28] },
       { name: '青岛', geoCoord: [120.33, 36.07] },
       { name: '乳山', geoCoord: [121.52, 36.89] },
       { name: '金昌', geoCoord: [102.188043, 38.520089] },
       { name: '泉州', geoCoord: [118.58, 24.93] },
       { name: '莱西', geoCoord: [120.53, 36.86] },
       { name: '日照', geoCoord: [119.46, 35.42] },
       { name: '胶南', geoCoord: [119.97, 35.88] },
       { name: '南通', geoCoord: [121.05, 32.08] },
       { name: '拉萨', geoCoord: [91.11, 29.97] },
       { name: '云浮', geoCoord: [112.02, 22.93] },
       { name: '梅州', geoCoord: [116.1, 24.55] },
       { name: '文登', geoCoord: [122.05, 37.2] },
       { name: '上海', geoCoord: [121.48, 31.22] },
       { name: '攀枝花', geoCoord: [101.718637, 26.582347] },
       { name: '威海', geoCoord: [122.1, 37.5] },
       { name: '承德', geoCoord: [117.93, 40.97] },
       { name: '厦门', geoCoord: [118.1, 24.46] },
       { name: '汕尾', geoCoord: [115.375279, 22.786211] },
       { name: '潮州', geoCoord: [116.63, 23.68] },
       { name: '丹东', geoCoord: [124.37, 40.13] },
       { name: '太仓', geoCoord: [121.1, 31.45] },
       { name: '曲靖', geoCoord: [103.79, 25.51] },
       { name: '烟台', geoCoord: [121.39, 37.52] },
       { name: '福州', geoCoord: [119.3, 26.08] },
       { name: '瓦房店', geoCoord: [121.979603, 39.627114] },
       { name: '即墨', geoCoord: [120.45, 36.38] },
       { name: '抚顺', geoCoord: [123.97, 41.97] },
       { name: '玉溪', geoCoord: [102.52, 24.35] },
       { name: '张家口', geoCoord: [114.87, 40.82] },
       { name: '阳泉', geoCoord: [113.57, 37.85] },
       { name: '莱州', geoCoord: [119.942327, 37.177017] },
       { name: '湖州', geoCoord: [120.1, 30.86] },
       { name: '汕头', geoCoord: [116.69, 23.39] },
       { name: '昆山', geoCoord: [120.95, 31.39] },
       { name: '宁波', geoCoord: [121.56, 29.86] },
       { name: '湛江', geoCoord: [110.359377, 21.270708] },
       { name: '揭阳', geoCoord: [116.35, 23.55] },
       { name: '荣成', geoCoord: [122.41, 37.16] },
       { name: '连云港', geoCoord: [119.16, 34.59] },
       { name: '葫芦岛', geoCoord: [120.836932, 40.711052] },
       { name: '常熟', geoCoord: [120.74, 31.64] },
       { name: '东莞', geoCoord: [113.75, 23.04] },
       { name: '河源', geoCoord: [114.68, 23.73] },
       { name: '淮安', geoCoord: [119.15, 33.5] },
       { name: '泰州', geoCoord: [119.9, 32.49] },
       { name: '南宁', geoCoord: [108.33, 22.84] },
       { name: '营口', geoCoord: [122.18, 40.65] },
       { name: '惠州', geoCoord: [114.4, 23.09] },
       { name: '江阴', geoCoord: [120.26, 31.91] },
       { name: '蓬莱', geoCoord: [120.75, 37.8] },
       { name: '韶关', geoCoord: [113.62, 24.84] },
       { name: '嘉峪关', geoCoord: [98.289152, 39.77313] },
       { name: '广州', geoCoord: [113.23, 23.16] },
       { name: '延安', geoCoord: [109.47, 36.6] },
       { name: '太原', geoCoord: [112.53, 37.87] },
       { name: '清远', geoCoord: [113.01, 23.7] },
       { name: '中山', geoCoord: [113.38, 22.52] },
       { name: '昆明', geoCoord: [102.73, 25.04] },
       { name: '寿光', geoCoord: [118.73, 36.86] },
       { name: '盘锦', geoCoord: [122.070714, 41.119997] },
       { name: '长治', geoCoord: [113.08, 36.18] },
       { name: '深圳', geoCoord: [114.07, 22.62] },
       { name: '珠海', geoCoord: [113.52, 22.3] },
       { name: '宿迁', geoCoord: [118.3, 33.96] },
       { name: '咸阳', geoCoord: [108.72, 34.36] },
       { name: '铜川', geoCoord: [109.11, 35.09] },
       { name: '平度', geoCoord: [119.97, 36.77] },
       { name: '佛山', geoCoord: [113.11, 23.05] },
       { name: '海口', geoCoord: [110.35, 20.02] },
       { name: '江门', geoCoord: [113.06, 22.61] },
       { name: '章丘', geoCoord: [117.53, 36.72] },
       { name: '肇庆', geoCoord: [112.44, 23.05] },
       { name: '大连', geoCoord: [121.62, 38.92] },
       { name: '临汾', geoCoord: [111.5, 36.08] },
       { name: '吴江', geoCoord: [120.63, 31.16] },
       { name: '石嘴山', geoCoord: [106.39, 39.04] },
       { name: '沈阳', geoCoord: [123.38, 41.8] },
       { name: '苏州', geoCoord: [120.62, 31.32] },
       { name: '茂名', geoCoord: [110.88, 21.68] },
       { name: '嘉兴', geoCoord: [120.76, 30.77] },
       { name: '长春', geoCoord: [125.35, 43.88] },
       { name: '胶州', geoCoord: [120.03336, 36.264622] },
       { name: '银川', geoCoord: [106.27, 38.47] },
       { name: '张家港', geoCoord: [120.555821, 31.875428] },
       { name: '三门峡', geoCoord: [111.19, 34.76] },
       { name: '锦州', geoCoord: [121.15, 41.13] },
       { name: '南昌', geoCoord: [115.89, 28.68] },
       { name: '柳州', geoCoord: [109.4, 24.33] },
       { name: '三亚', geoCoord: [109.511909, 18.252847] },
       { name: '自贡', geoCoord: [104.778442, 29.33903] },
       { name: '吉林', geoCoord: [126.57, 43.87] },
       { name: '阳江', geoCoord: [111.95, 21.85] },
       { name: '泸州', geoCoord: [105.39, 28.91] },
       { name: '西宁', geoCoord: [101.74, 36.56] },
       { name: '宜宾', geoCoord: [104.56, 29.77] },
       { name: '呼和浩特', geoCoord: [111.65, 40.82] },
       { name: '成都', geoCoord: [104.06, 30.67] },
       { name: '大同', geoCoord: [113.3, 40.12] },
       { name: '镇江', geoCoord: [119.44, 32.2] },
       { name: '桂林', geoCoord: [110.28, 25.29] },
       { name: '张家界', geoCoord: [110.479191, 29.117096] },
       { name: '宜兴', geoCoord: [119.82, 31.36] },
       { name: '北海', geoCoord: [109.12, 21.49] },
       { name: '西安', geoCoord: [108.95, 34.27] },
       { name: '金坛', geoCoord: [119.56, 31.74] },
       { name: '东营', geoCoord: [118.49, 37.46] },
       { name: '牡丹江', geoCoord: [129.58, 44.6] },
       { name: '遵义', geoCoord: [106.9, 27.7] },
       { name: '绍兴', geoCoord: [120.58, 30.01] },
       { name: '扬州', geoCoord: [119.42, 32.39] },
       { name: '常州', geoCoord: [119.95, 31.79] },
       { name: '潍坊', geoCoord: [119.1, 36.62] },
       { name: '重庆', geoCoord: [106.54, 29.59] },
       { name: '台州', geoCoord: [121.420757, 28.656386] },
       { name: '南京', geoCoord: [118.78, 32.04] },
       { name: '滨州', geoCoord: [118.03, 37.36] },
       { name: '贵阳', geoCoord: [106.71, 26.57] },
       { name: '无锡', geoCoord: [120.29, 31.59] },
       { name: '本溪', geoCoord: [123.73, 41.3] },
       { name: '克拉玛依', geoCoord: [84.77, 45.59] },
       { name: '渭南', geoCoord: [109.5, 34.52] },
       { name: '马鞍山', geoCoord: [118.48, 31.56] },
       { name: '宝鸡', geoCoord: [107.15, 34.38] },
       { name: '焦作', geoCoord: [113.21, 35.24] },
       { name: '句容', geoCoord: [119.16, 31.95] },
       { name: '北京', geoCoord: [116.46, 39.92] },
       { name: '徐州', geoCoord: [117.2, 34.26] },
       { name: '衡水', geoCoord: [115.72, 37.72] },
       { name: '包头', geoCoord: [110, 40.58] },
       { name: '绵阳', geoCoord: [104.73, 31.48] },
       { name: '乌鲁木齐', geoCoord: [87.68, 43.77] },
       { name: '枣庄', geoCoord: [117.57, 34.86] },
       { name: '杭州', geoCoord: [120.19, 30.26] },
       { name: '淄博', geoCoord: [118.05, 36.78] },
       { name: '鞍山', geoCoord: [122.85, 41.12] },
       { name: '溧阳', geoCoord: [119.48, 31.43] },
       { name: '库尔勒', geoCoord: [86.06, 41.68] },
       { name: '安阳', geoCoord: [114.35, 36.1] },
       { name: '开封', geoCoord: [114.35, 34.79] },
       { name: '济南', geoCoord: [117, 36.65] },
       { name: '德阳', geoCoord: [104.37, 31.13] },
       { name: '温州', geoCoord: [120.65, 28.01] },
       { name: '九江', geoCoord: [115.97, 29.71] },
       { name: '邯郸', geoCoord: [114.47, 36.6] },
       { name: '临安', geoCoord: [119.72, 30.23] },
       { name: '兰州', geoCoord: [103.73, 36.03] },
       { name: '沧州', geoCoord: [116.83, 38.33] },
       { name: '临沂', geoCoord: [118.35, 35.05] },
       { name: '南充', geoCoord: [106.110698, 30.837793] },
       { name: '天津', geoCoord: [117.2, 39.13] },
       { name: '富阳', geoCoord: [119.95, 30.07] },
       { name: '泰安', geoCoord: [117.13, 36.18] },
       { name: '诸暨', geoCoord: [120.23, 29.71] },
       { name: '郑州', geoCoord: [113.65, 34.76] },
       { name: '哈尔滨', geoCoord: [126.63, 45.75] },
       { name: '聊城', geoCoord: [115.97, 36.45] },
       { name: '芜湖', geoCoord: [118.38, 31.33] },
       { name: '唐山', geoCoord: [118.02, 39.63] },
       { name: '平顶山', geoCoord: [113.29, 33.75] },
       { name: '邢台', geoCoord: [114.48, 37.05] },
       { name: '德州', geoCoord: [116.29, 37.45] },
       { name: '济宁', geoCoord: [116.59, 35.38] },
       { name: '荆州', geoCoord: [112.239741, 30.335165] },
       { name: '宜昌', geoCoord: [111.3, 30.7] },
       { name: '义乌', geoCoord: [120.06, 29.32] },
       { name: '丽水', geoCoord: [119.92, 28.45] },
       { name: '洛阳', geoCoord: [112.44, 34.7] },
       { name: '秦皇岛', geoCoord: [119.57, 39.95] },
       { name: '株洲', geoCoord: [113.16, 27.83] },
       { name: '石家庄', geoCoord: [114.48, 38.03] },
       { name: '莱芜', geoCoord: [117.67, 36.19] },
       { name: '常德', geoCoord: [111.69, 29.05] },
       { name: '保定', geoCoord: [115.48, 38.85] },
       { name: '湘潭', geoCoord: [112.91, 27.87] },
       { name: '金华', geoCoord: [119.64, 29.12] },
       { name: '岳阳', geoCoord: [113.09, 29.37] },
       { name: '长沙', geoCoord: [113, 28.21] },
       { name: '衢州', geoCoord: [118.88, 28.97] },
       { name: '廊坊', geoCoord: [116.7, 39.53] },
       { name: '菏泽', geoCoord: [115.480656, 35.23375] },
       { name: '合肥', geoCoord: [117.27, 31.86] },
       { name: '武汉', geoCoord: [114.31, 30.52] },
       { name: '大庆', geoCoord: [125.03, 46.58] }
    ];
    var map = {
        //backgroundColor: '#1b1b1b',
        backgroundColor: '#1B1B1B',
        color: [
            'rgba(255, 255, 255, 0.8)',
            'rgba(14, 241, 242, 0.8)',
            'rgba(37, 140, 249, 0.8)'
        ],
        title: {
            text: '全国扫码大数据分布图',
            subtext: '实时数据',
            x: 'center',
            textStyle: {
                color: '#fff'
            }
        },
        legend: {
            orient: 'horizontal',
            x: 'right',
            show: false,
            //data: ['强', '中', '弱'],
            data: ['强', '弱'],
            textStyle: {
                color: 'auto'
            },

        },
        toolbox: {
            show: false,
            orient: 'vertical',
            x: 'right',
            y: 'center',
            feature: {
                mark: { show: true },
                dataView: { show: true, readOnly: false },
                restore: { show: true },
                saveAsImage: { show: true }
            }
        },
        series: [
            {
                name: '弱',
                type: 'map',
                mapType: 'china',
                itemStyle: {
                    normal: {
                        borderColor: 'rgba(100,149,237,1)',
                        borderWidth: 1.5,
                        areaStyle: {
                            color: '#1b1b1b'
                        }
                    }
                },
                data: [],
                markPoint: {
                    symbolSize: 2,
                    large: true,
                    effect: {
                        show: true
                    },
                    data: (function () {
                        var data = [];
                        var len = 500;
                        var geoCoord;
                        while (len--) {
                            geoCoord = placeList[len % placeList.length].geoCoord;
                            data.push({
                                name: placeList[len % placeList.length].name + len,
                                value: 10,
                                geoCoord: [
                                    geoCoord[0] + Math.random() * 5 - 2.5,
                                    geoCoord[1] + Math.random() * 3 - 1.5
                                ]
                            })
                        }
                        return data;
                    })()
                }
            },
            //{
            //    name: '中',
            //    type: 'map',
            //    mapType: 'china',
            //    data : [],
            //    markPoint : {
            //        symbolSize: 3,
            //        large: true,
            //        effect : {
            //            show: true
            //        },
            //        data : (function(){
            //            var data = [];
            //            var len = 3000;
            //            var geoCoord
            //            while(len--) {
            //                geoCoord = placeList[len % placeList.length].geoCoord;
            //                data.push({
            //                    name : placeList[len % placeList.length].name + len,
            //                    value : 80,
            //                    geoCoord : [
            //                        geoCoord[0] + Math.random() * 5 - 2.5,
            //                        geoCoord[1] + Math.random() * 3 - 1.5
            //                    ]
            //                })
            //            }
            //            return data;
            //        })()
            //    }
            //},
            {
                name: '强',
                type: 'map',
                mapType: 'china',
                hoverable: false,
                roam: true,
                data: [],
                markPoint: {
                    symbol: 'diamond',
                    symbolSize: 6,
                    large: true,
                    effect: {
                        show: true
                    },
                    data: (function () {
                        var data = [];
                        var len = placeList.length;
                        while (len--) {
                            data.push({
                                name: placeList[len].name,
                                value: 90,
                                geoCoord: placeList[len].geoCoord
                            })
                        }
                        return data;
                    })()
                }
            }
        ]
    };




    var dashboard = {
        tooltip: {
            formatter: "{a} <br/>{b} : {c}%"
        },
        toolbox: {
            show: false,
            feature: {
                mark: { show: true },
                restore: { show: true },
                saveAsImage: { show: true }
            }
        },
        series: [
            {
                name: '业务指标',
                type: 'gauge',
                splitNumber: 5,       // 分割段数，默认为5
                axisLine: {            // 坐标轴线
                    lineStyle: {       // 属性lineStyle控制线条样式
                        color: [[0.2, '#228b22'], [0.8, '#48b'], [1, '#ff4500']],
                        width: 8
                    }
                },
                axisTick: {            // 坐标轴小标记
                    splitNumber: 10,   // 每份split细分多少段
                    length: 12,        // 属性length控制线长
                    lineStyle: {       // 属性lineStyle控制线条样式
                        color: 'auto'
                    }
                },
                axisLabel: {           // 坐标轴文本标签，详见axis.axisLabel
                    textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                        color: 'auto'
                    }
                },
                splitLine: {           // 分隔线
                    show: true,        // 默认显示，属性show控制显示与否
                    length: 30,         // 属性length控制线长
                    lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
                        color: 'auto'
                    }
                },
                pointer: {
                    width: 5
                },
                title: {
                    show: true,
                    offsetCenter: [0, '-40%'],       // x, y，单位px
                    textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                        fontWeight: 'bolder'
                    }
                },
                detail: {
                    formatter: '{value}%',
                    textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                        color: 'auto',
                        fontWeight: 'bolder'
                    }
                },
                data: [{ value: 50, name: '扫码率' }]
            }
        ]
    };

   // var Map = echarts.init(document.getElementById('map'));
   // Map.clear().setOption(map);
   //var MapTimer= setInterval(function () {
   //   var  Map = echarts.init(document.getElementById('map'));
   //     if (window.CollectGarbage) {
   //         CollectGarbage();
   //     }
   //     Map.clear().setOption(map);
   //}, 20000);

</script>


